<template>
    <div>
        <!-- Start Footer Area  -->
        <footer class="rn-footer footer-style-default variation-two">
            <!-- <div v-if="data.showCta" class="rn-callto-action clltoaction-style-default style-7">
                <div class="container">
                    <div class="row row--0 align-items-center content-wrapper">
                        <div class="col-lg-8 col-md-8">
                            <div class="inner" data-aos="fade-up">
                                <div class="content text-left">
                                    <Logo/>
                                    <p class="subtitle">
                                        If you want to create a corporate template you can purchase now our Jrkj
                                        template.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4">
                            <div class="call-to-btn text-start mt_sm--20 text-lg-end" data-aos="fade-up">
                                <Button
                                    title="Purchase Jrkj"
                                    icon="arrow-right"
                                    url="#"
                                />
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <div class="footer-top" style="background-color: #25282f;">
                <div class="container">
                    <div class="row">
                        
                        <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 col-12">
                            <div class="rn-footer-widget">
                                <h4 class="title">产品服务</h4>
                                <div style="display: flex;">
                                    <div  style="margin-right: 20px;">
                                        <ul class="footer-link link-hover">
                                           
                                            <li>
                                                <router-link to="/#">身份证实名认证</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">人脸身份比对</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">短信服务</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">二要素核验</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">运营商三要素</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">手机在网时长</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">空号检测</router-link>
                                            </li>
                                        </ul>
                                    </div>
                                    <div >
                                        <ul class="footer-link link-hover">
                                            <li>
                                                <router-link to="/#">银行卡三要素验证</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">银行卡四要素验证</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">银行卡归属地查询</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">携号转网</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">空号检测</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">验证码短信服务</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">银行卡五要素验证</router-link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-lg-2 col-md-6 col-sm-6 col-xs-12 col-6">
                            <div class="rn-footer-widget">
                                <h4 class="title">解决方案</h4>
                                <div class="inner">
                                    <ul class="footer-link link-hover">
                                        <li>
                                            <router-link to="#">跨境电商</router-link>
                                        </li>
                                        <li>
                                            <router-link to="#">在线社交</router-link>
                                        </li>
                                        <li>
                                            <router-link to="#">游戏行业</router-link>
                                        </li>
                                        <li>
                                            <router-link to="#">金融行业</router-link>
                                        </li>
                                        <li>
                                            <router-link to="#">保险业务</router-link>
                                        </li>
                                        <li>
                                            <router-link to="#">银行卡业务</router-link>
                                        </li>
                                        
                                    </ul>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-6 col-sm-6  col-6">
                            <div class="rn-footer-widget">
                                <div class="widget-menu-top" style="color: #fff;">
                                    <h4 class="title">服务支持</h4>
                                    <div class="inner">
                                        <ul class="footer-link link-hover">
                                            <li>
                                                <router-link to="/about">关于锦锐</router-link>
                                            </li>
                                            <li>
                                                <router-link to="/#">锦锐动态</router-link>
                                            </li>
											<li>
											    <router-link to="/#">合作伙伴</router-link>
											</li>
											<li>
											    <router-link to="/helpcenter">常见问题</router-link>
											</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-lg-4 col-md-6 col-sm-12  col-12">
                            <div class="rn-footer-widget">
                                <h4 class="title">联系我们</h4>
                                <div class="inner">
									<h6 class="subtitle"><img src="../../../assets/images/banner/youxiang.png" alt="" class="imgbottom" />info@tejinrui.com</h6>
                                    <h6 class="subtitle"><img src="../../../assets/images/banner/dizhi.png" alt="" class="imgbottom" />河南省郑州市金水区花园路126号1号楼15层1506号</h6>
                                    <h6 class="subtitle"><img src="../../../assets/images/banner/dianhua.png" alt="" class="imgbottom" />(0371)6322-8219</h6>
									<!-- <ul class="social-icon social-default justify-content-start">
                                        <li>
                                            <a href="https://www.facebook.com/" target="_blank">
                                                <Icon name="facebook" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.twitter.com" target="_blank">
                                                <Icon name="twitter" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.instagram.com/" target="_blank">
                                                <Icon name="instagram" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.linkedin.com/" target="_blank">
                                                <Icon name="linkedin" />
                                            </a>
                                        </li>
                                    </ul> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <Newsletter v-if="data.showNewsletter" />
        </footer>
        <!-- End Footer Area  -->

        <Copyright v-if="data.showCopyright" />

        <ScrollTop />
    </div>
</template>

<script>
import Copyright from './Copyright'
import Button from '../../elements/button/Button'
import Icon from '../../icon/Icon'
import ScrollTop from './ScrollTop'
import Logo from '../../elements/logo/Logo'
import Newsletter from './Newsletter'

export default {
    name: 'Footer',
    components: { Newsletter, Logo, ScrollTop, Icon, Button, Copyright },
    props: {
        data: {
            default: null
        }
    }
}
</script>
<style scoped>
	.imgbottom{
		margin: 0 5px;
	}
</style>
